<template>
  <div class="about">
    <mt-header fixed title="主界面"></mt-header>
    <Banner></Banner>
    <div class="search-component">
      <Search></Search>
    </div>
    <div class="brands">
      <div class="side-title">装备品牌</div>
      <Brands></Brands>
    </div>
    <Tabbor></Tabbor>
  </div>
</template>
<script>
import Tabbor from '@/components/Tabbor.vue'
import Search from '@/components/Search.vue'
import Banner from '@/components/Home/Banner.vue'
import Brands from '@/components/Home/Brands.vue'
import Scour from '@/components/Home/Scour.vue'
export default {
  components: {
    Tabbor,
    Search,
    Banner,
    Brands,
    Scour
  }
}
</script>
<style>
.search-component {
  margin-top: 5vh !important;
}
.mint-header {
  background-color: #698cb0 !important;
}
.brands {
  margin-top: 30px;
}
.side-title {
  border-bottom: 3px solid #b4b7bb;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 11px;
  padding-bottom: 8px;
}
</style>
